﻿<!DOCTYPE html>
<html>
  <head>
      <title>CloudAXIS Scheduler</title>
    
    <link href="style/bootstrap2.css" rel="stylesheet" type="text/css" />
    <link href="style/screen-responsive.css" rel="stylesheet" />
    <link href="style/screen-black.css" rel="stylesheet" />
    <link href="style/cax.css" rel="stylesheet" type="text/css">

  </head>
  <body>
      <header id="global-header">
            <div id="brand-logo" class="pull-left">
                <img id="polycom-logo" src="img/polycomLogo.png" alt="CloudAXIS Extension" tabindex="1" />
            </div>
      </header>
<!--Content-->
<div class="content-pane">
    <div id="homePageContainer" class="current rightcont" >
        <div class="homepage">
            <div class="hometop">

                <!-- Menu Container -->
                <div id="menu"  class="hometopinside" style="display:table-cell;">
                    <div id="Schedule-container" class="col1 bordernone ">
                        <div class="home-icon schedulebutton" id="ScheduleMeeting" aria-label="Schedule Meeting">
                            <span>Schedule Meeting</span>
                        </div>
                    </div>
                    <div id="meetnow-container" class="col1 ">
                        <div class="home-icon meetnowbutton" id="MeetNow" aria-label="Meet Now">
                            <span>Meet Now</span>
                        </div>
                    </div>
                    <div id="Configure-container" class="col1 ">
                        <div class="home-icon configurebutton" id="Configure" aria-label="Configure">
                            <span>Settings</span>
                        </div>
                    </div>
                </div>
                <!-- End Menu Container -->

                <!--Settings-->
                <div id="setup_div" class="hometopinside" style="display:none;">
                    <div class="info-container">
                        <span><b>CloudAXIS Server Details</b></span><br />
                        <span><input type="text" id="cloudaxis_url" name="cloudaxis_url" class="configInput" required placeholder="CloudAXIS FQDN"></span><br />
                        <span><input type="text" id="login" title="'User@domain.com' or 'domain\\user'" name="login" aria-labelledby="username-ariaLabel" class="configInput" required maxlength="128" placeholder="Enter your User Name" aria-invalid="true"></span><br />
                        <span><input type="password" name="password" id="password" class="configInput" required placeholder="Enter your Password"></span><br />
                        <div class="StyledButton" id="SettingsConfirm">Confirm</div>
                    </div>
                </div>
                <!--End Settings Container-->
                
                <!--Meeting Details-->
                <div id="MeetingDetails_div" class="hometopinside" style="display:none">
                    <div class="info-container">
                        <span id="meetnow_title"><b>Meeting URL:</b><br></span>
                        <br />
                        <a id="myAnchor" href="http://www.polycom.com">Polycom</a>
                        <span id="meetnow_span"></span> 
                        <br />
                        <br />
                        <div class="StyledButton" id="MeetConfirm">Return to Menu</div>
                    </div>
                </div>
                <!--End of Meeting Details-->

                <!--Schedule-->
                <div id="schedule_div" class="hometopinside" style="display:none">
                    <div class="info-container">
                        <table>
                            <thead>
                                <tr>
                                    <td colspan="2">
                                        <b>Event's Details</b>
                                    </td>
                                    <td></td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan="2"><input type="text" name="meeting_name" id="meeting_name" placeholder="Event's Name" class="scheduleInput"></td>
                                </tr>
                                <tr>
                                    <td class="scheduleColumn1 scheduleRow" >
                                        <span>Date:</span>
                                    </td>
                                    <td>
                                        <input type="date" name="start_date" id="start_date" class="scheduleInput">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="scheduleColumn1 scheduleRow" >
                                        Start:
                                    </td>
                                    <td>
                                        <input type="time" name="start_time" id="start_time" class="scheduleInput">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="scheduleColumn1 scheduleRow" >
                                        End:
                                    </td>
                                    <td>
                                        <input type="time" name="end_time" id="end_time" class="scheduleInput">
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="StyledButton" id="ConfirmSchedule" style="width:110px;">Confirm</div>                       
                                    </td>
                                    <td>
                                        <div class="StyledButton" id="CancelSchedule" style="width:110px;">Cancel</div>                       
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                </div>
<!--End of Schedule-->
            </div>
        </div>

    </div>
</div>
<!--End of Content Div-->
<script src="js/cax.js"></script>
</body>
</html>